<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hello……</title>
    <style type="text/css">
        .verification-code {
            height: 50px;
        }
    </style>
</head>
<body>
<h3>我的表单登录页面</h3>
<form method="post" action="/authentication/form.html">
    <label for="username">用户：</label>
    <input type="text" id="username" name="username"/>
    <br/>
    <br/>
    <label for="password">密码：</label>
    <input type="password" id="password" name="password"/>
    <br/>
    <br/>
    <img class="verification-code" src="/code/image" alt="图形验证码" title="图形验证码"/>
    <br/>
    <br/>
    <label for="verificationCode">验证：</label>
    <input type="text" id="verificationCode" autocomplete="off" name="verificationCode"/>
    <br/>
    <br/>
    <label for="rememberMe">记住：</label>
    <input type="checkbox" id="rememberMe" checked="checked" name="remember-me"/>
    <br/>
    <br/>
    <button type="submit">登录</button>
</form>
<hr/>
<h3>我的短信登录页面</h3>
<form method="post" action="/authentication/sms.html">
    <label for="mobile">手机号：</label>
    <input type="text" id="mobile" autocomplete="off" name="mobile"/>
    <br/>
    <br/>
    <label for="smsVerificationCode">验证码：</label>
    <input type="text" id="smsVerificationCode" autocomplete="off" name="smsVerificationCode"/>
    <a href="/code/sms" onclick="let mb=document.getElementById('mobile').value;if(mb===''){alert('请输入手机号');return false;}this.href+='?mobile='+mb" target="_blank">发送短信</a>
    <br/>
    <br/>
    <label for="smsRememberMe">免登陆：</label>
    <input type="checkbox" id="smsRememberMe" checked="checked" name="remember-me"/>
    <br/>
    <br/>
    <button type="submit">登录</button>
</form>
</body>